<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>AgCIM 聊天机器人</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">

  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" sizes="32x32">
  <link rel="icon" href="favicon.ico" sizes="64x64">
  <link rel="icon" href="favicon.ico" sizes="128x128">

  <link media="all" rel="stylesheet" type="text/css" href="./assets/styles/chatgpt.css">
  <script type="text/javascript" src="./assets/scripts/jquery.min.js"></script>
  <script type="text/javascript" src="./assets/scripts/saveData.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/2.1.3/marked.min.js"></script>  
  <script type="text/javascript">
    if (mobilecheck()) {
      $('<link/>', {
        media: 'all',
        rel: 'stylesheet',
        type: 'text/css',
        href: 'assets/styles/mobile.css'
      }).appendTo('head')
    }
  </script>
</head>

<body style="width: 80%; margin: auto">
  <div>
    <span>请选择话题</span>
    <select class="paperTypeStyle">
    </select>
    <button onclick="sendQuestion('newtopic')">新话题</button>
  </div>
  <div id="chatBox" class="chatBox">
  </div>
  <div id="stateLabel"></div>
  <div class="sendBox">
    <input id="sendInput" onkeydown="EnterKey()" style="width: calc(100% - 140px);;
    height: 100%;" />
    <button onclick="sendMsg()" >发送</button>
  </div>
  <div id="popup" class="popup">
    <div class="popup-content">
      <span class="close-button">&times;</span>
      <h2>This is a popup</h2>
      <p>You can add any content you want inside the popup.</p>
    </div>
  </div>
</body>
<script type="text/javascript" src="./assets/scripts/chatJS.js"></script>
<style>
  .popup {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
        }

        .popup-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 60%;
            height: 90%;
          overflow: scroll;
          position: fixed;
          left: 15%;
          top: -30%;
        }
</style>
</html>